<template>
  用户注册
  <div>
    用户名:<input v-model="username">
    <br><br>
    密码:<input v-model="password">
    <br><br>
    性别:<input type="radio" checked>男
         <br><br>
         <input type="radio">女
         <br><br>
    期望工作地:<input type="checkbox">北京
           <br><br>
           <input type="checkbox">上海
           <br><br>
           <input type="checkbox">深圳
           <br><br>
           <input type="checkbox">广州
           <br><br>
    年纪:<select v-model="selected">
            <option v-for="option in options"  v-bind:key="option">
              {{ option.age }}
            </option>
            <span>Selected:{{ selected }}</span>
    </select>
    <button @click="registe">提交</button>
  </div>
</template>
<script>

/* eslint-disable */
export default {
  name: 'App',
  data() {
    return {
      username:"dongyule",
      password:"12345678",
      options:[{age:'18'},{age:'19'},{age:'20'},{age:'21'},{age:'22'},{age:'23'}]
    }
  },
  methods: {
    registe() {
      alert('注册成功！')
      console.log("user.username : " + this.username);
      console.log("user.password : " + this.password);
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>